@charset "utf-8";
/* CSS Document */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animateds {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.amt{opacity: 0;
    /*-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);*/
}

/* 从上至下 移动渐显 */
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
	-webkit-transition:ease-in 0.3s;
	transition:ease-in 0.3s ;
	opacity:1;
}

/* 从上至下 移动渐显 + letterspace */
@-webkit-keyframes fadeInDownletterspace {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
    

    100% {
        opacity: 1;
        padding-left: 20px;
        letter-spacing: 20px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInDownletterspace {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
    

    100% {
        opacity: 1;
        padding-left: 20px;
        letter-spacing: 20px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.fadeInDownletterspace {
    -webkit-animation-name: fadeInDownletterspace;
    animation-name: fadeInDownletterspace;
	-webkit-transition:ease-in 0.3s;
	transition:ease-in 0.3s ;
	opacity:1;
}

/* 移动 10% */
@-webkit-keyframes fadeInDown10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-10%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInDown10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-10%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}
.fadeInDown10 {
    -webkit-animation-name: fadeInDown10;
    animation-name: fadeInDown10;
	-webkit-transition:ease-in 0.3s;
	transition:ease-in 0.3s ;
	opacity:1;
}

@-webkit-keyframes fadeInUp10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,10%,0);
        -ms-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInUp10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,10%,0);
        -ms-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.fadeInUp10 {
    -webkit-animation-name: fadeInUp10;
    animation-name: fadeInUp10;
	-webkit-transition:ease-in 0.3s;
	transition:ease-in 0.3s ;
	opacity:1;
}
@-webkit-keyframes fadeInl10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%,0,0);
        -ms-transform: translate3d(10%,0,0);
        transform: translate3d(10%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes fadeInl10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%,0,0);
        -ms-transform: translate3d(10%,0,0);
        transform: translate3d(10%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.fadeInl10 {
    -webkit-animation-name: fadeInl10;
    animation-name: fadeInl10;
	-webkit-transition:ease-in 0.3s;
	transition:ease-in 0.3s ;
	opacity:1;
}

@-webkit-keyframes fadeInr10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%,0,0);
        -ms-transform: translate3d(-10%,0,0);
        transform: translate3d(-10%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInr10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%,0,0);
        -ms-transform: translate3d(-10%,0,0);
        transform: translate3d(-10%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInr10 {
    -webkit-animation-name: fadeInr10;
    animation-name: fadeInr10;
	-webkit-transition:ease-in 0.3s;
	transition:ease-in 0.3s ;
	opacity:1;
}

/* 移动 20% */
@-webkit-keyframes fadeInDown20 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20%,0);
        transform: translate3d(0,-20%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInDown20 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20%,0);
        transform: translate3d(0,-20%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}
.fadeInDown20 {
    -webkit-animation-name: fadeInDown20;
    animation-name: fadeInDown20;
	-webkit-transition:ease-in 0.3s;
	transition:ease-in 0.3s ;
	opacity:1;
}

@-webkit-keyframes fadeInUp20 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20%,0);
        -ms-transform: translate3d(0,20%,0);
        transform: translate3d(0,20%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInUp20 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20%,0);
        -ms-transform: translate3d(0,20%,0);
        transform: translate3d(0,20%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.fadeInUp20 {
    -webkit-animation-name: fadeInUp20;
    animation-name: fadeInUp20;
	-webkit-transition:ease-in 0.3s;
	transition:ease-in 0.3s ;
	opacity:1;
}
@-webkit-keyframes fadeInl20 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20%,0,0);
        -ms-transform: translate3d(20%,0,0);
        transform: translate3d(20%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes fadeInl20 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20%,0,0);
        -ms-transform: translate3d(20%,0,0);
        transform: translate3d(20%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.fadeInl20 {
    -webkit-animation-name: fadeInl20;
    animation-name: fadeInl20;
	-webkit-transition:ease-in 0.3s;
	transition:ease-in 0.3s ;
	opacity:1;
}

@-webkit-keyframes fadeInr20 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%,0,0);
        -ms-transform: translate3d(-20%,0,0);
        transform: translate3d(-20%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInr20 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%,0,0);
        -ms-transform: translate3d(-20%,0,0);
        transform: translate3d(-20%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInr20 {
    -webkit-animation-name: fadeInr20;
    animation-name: fadeInr20;
	-webkit-transition:ease-in 0.3s;
	transition:ease-in 0.3s ;
	opacity:1;
}


/* 从上至下 移动渐显 */
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
	-webkit-transition:ease-in 0.3s;
	transition:ease-in 0.3s ;
	opacity:1;
}

/* 从下至上 从上至下 移动渐显 */
@-webkit-keyframes fadeInUpDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
    50% {
        opacity: 0.5;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes fadeInUpDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
    50% {
        opacity: 0.5;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInUpDown {
    -webkit-animation-name: fadeInUpDown;
    animation-name: fadeInUpDown;
	-webkit-transition:ease-in 0.3s;
	transition:ease-in 0.3s ;
	opacity:1;
}

/* 从右往左 移动渐显  */
@-webkit-keyframes fadeInl {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInl {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInl {
    -webkit-animation-name: fadeInl;
    animation-name: fadeInl;
	-webkit-transition:ease-in 0.3s;
	transition:ease-in 0.3s ;
	opacity:1;
}



@-webkit-keyframes fadeInr {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInr {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInr {
    -webkit-animation-name: fadeInr;
    animation-name: fadeInr;
	-webkit-transition:ease-in 0.3s;
	transition:ease-in 0.3s ;
	opacity:1;
}

/* y轴翻滚 */
@-webkit-keyframes fadeIn3dX {
    0% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    50% {
        opacity: 1;
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: rotateY(720deg);
        transform: rotateY(720deg);
    }
}

@keyframes fadeIn3dX {
    0% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    50% {
        opacity: 1;
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: rotateY(720deg);
        transform: rotateY(720deg);
    }
}

.fadeIn3dX {
    -webkit-animation:fadeIn3dX 10s infinite linear;
    animation:fadeIn3dX 10s infinite linear;
	opacity:1;
}

/* 圆圈旋转 */
@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
	50% {
        -webkit-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
	}

    100% {
        -webkit-transform: rotateZ(-720deg);
        transform: rotateZ(-720deg);
    }
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
	50% {
        -webkit-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
	}

    100% {
        -webkit-transform: rotateZ(-720deg);
        transform: rotateZ(-720deg);
    }
}

.txy_cbg {
    -webkit-animation:fadeInLeft 5s infinite linear;
    animation:fadeInLeft 5s infinite linear;
	opacity:1;
}
.txy_cbgr {
    -webkit-animation:fadeInLeft 1s infinite linear;
    animation:fadeInLeft 1s infinite linear;
	opacity:1;
}

/* 圆圈旋转 */
@-webkit-keyframes fadeInLeft1 {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
	100% {
        -webkit-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
	}
}

@keyframes fadeInLeft1 {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
	100% {
        -webkit-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
	}
}
.txy_cbg360 {
    -webkit-animation:fadeInLeft1 60s infinite linear;
    animation:fadeInLeft1 60s infinite linear;
	opacity:1;
}

/* 圆圈旋转2 */
@-webkit-keyframes skew {
    0% {
        -webkit-transform: skew(0deg);
        transform: skew(0deg);
    }
	100% {
        -webkit-transform: skew(180deg);
        transform: skew(180deg);
	}
}

@keyframes skew {
    0% {
        -webkit-transform: skew(0deg);
        transform: skew(0deg);
    }
	100% {
        -webkit-transform: skew(180deg);
        transform: skew(180deg);
	}
}
.txy_skew360 {
    -webkit-animation:skew 10s infinite linear;
    animation:skew 10s infinite linear;
	opacity:1;
}

/* 上下移动 */
@-webkit-keyframes fadeUpdown {
    0% {
        margin-top:0px;
    }
	25% {
         margin-top:-20px;
	}
	50% {
         margin-top:0px;
	}
	75% {
         margin-top:20px;
	}
    100% {
         margin-top:0px;
    }
}

@keyframes fadeUpdown {
    0% {
        margin-top:0px;
    }
	25% {
         margin-top:-20px;
	}
	50% {
         margin-top:0px;
	}
	75% {
         margin-top:20px;
	}
    100% {
         margin-top:0px;
    }
}
.fadeUpdown{
	-webkit-animation:fadeUpdown 1s infinite linear;
    animation:fadeUpdown 1s infinite linear;
	opacity:1;
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 0;
    }
	50%{
		opacity: 1;
	}

    100% {
        opacity: 0;
    }
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
	50%{
		opacity: 1;
	}

    100% {
        opacity: 0;
    }
}

.fadeInOut {
	-webkit-animation:fadeInOut 2s infinite linear;
    animation:fadeInOut 2s infinite linear;
	opacity:1;
}

/* 第十屏 小面变大小 */
@-webkit-keyframes fadeInxz {
    0% {
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
		opacity:0;
    }
    100% {
        -webkit-transform:scale(1);
        -webkit-transform:scale(1);
		opacity:1;
    }
}

@keyframes fadeInxz {
    0% {
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
		opacity:0;
    }
    100% {
        -webkit-transform:scale(1);
        -webkit-transform:scale(1);
		opacity:1;
    }
}

.fadeInxz {
    -webkit-animation-name:fadeInxz;
    animation-name:fadeInxz;
	transition:ease-in;
	opacity:1;
}
@-webkit-keyframes fadeInxz1 {
    0% {
		opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1);
    }
    50% {
		opacity:1;
        -webkit-transform:scale(0.9);
        transform:scale(0.9);
    }
    100% {
		opacity:1;
        -webkit-transform:scale(1);
        -webkit-transform:scale(1);
    }
}

@keyframes fadeInxz1 {
    0% {
		opacity:0.8;
        -webkit-transform:scale(1);
        transform:scale(1);
    }
    50% {
		opacity:0.9;
        -webkit-transform:scale(0.9);
        transform:scale(0.9);
    }
    100% {
		opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}

.fadeInxz1 {
    -webkit-animation:fadeInxz1 2s infinite linear;
    animation:fadeInxz1 2s infinite linear;
	opacity:1;
}
@-webkit-keyframes fadeIn {
	0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
		opacity:1;
		filter:alpha(opacity=100);
    }
}

@keyframes fadeIn {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
		opacity:1;
		filter:alpha(opacity=100);
    }
}

.fadeIn {
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
	transition:1s linear;
	transition:1s linear;
	opacity:1;
}

@-webkit-keyframes fadeUpdown1 {
	0% {
        margin-top:0px;
    }
	50% {
         margin-top:2%;
	}
    100% {
         margin-top:0px;
    }
}

@keyframes fadeUpdown1 {
	0% {
        margin-top:3%;
    }
	50% {
         margin-top:2%;
	}
    100% {
         margin-top:3%;
    }
}

.fadeUpdown1 {
	-webkit-animation:fadeUpdown1 1s infinite linear;
    animation:fadeUpdown1 1s infinite linear;
	animation-delay:2s;
	opacity:1;
}